<style>
    .box{width: 100%; height: 160px; }
    div > img{ width: 100%; height: 100%; }
</style>
<ion-view view-title="汪卡">
  <ion-content>
      <!--=== banner ===-->
      <ion-slide-box on-slide-changed="slideHasChanged($index)" auto-play="true" does-continue="true" slide-interval=2000 show-pager="true" pager-click="pageClick(index)" active-slide="model.activeIndex" delegate-handle="delegateHandler">
          <ion-slide>
              <div class="box">
                  <img src="img/banner-a.jpg">
              </div>
          </ion-slide>
          <ion-slide>
              <div class="box">
                  <img src="img/banner-b.jpg">
              </div>
          </ion-slide>
          <ion-slide>
              <div class="box">
                  <img src="img/banner-c.jpg">
              </div>
          </ion-slide>
          <ion-slide>
              <div class="box">
                  <img src="img/banner-d.jpg">
              </div>
          </ion-slide>
      </ion-slide-box>
      <!--=== / banner ===-->

      <!--=== list 1 ===-->
      <ion-list class="list-grop">
          <ion-item class="item-list-horizontal items3">
              <a class="item no-border" href="#">
                  <img src="img/icon/iso/p-1-i1.png"><br/>
                  扫码支付
              </a>
              <a class="item no-border" href="#">
                  <img src="img/icon/iso/p-1-i2.png"><br/>
                  我要借款
              </a>
              <a class="item no-border" href="#">
                  <img src="img/icon/iso/p-1-i3.png"><br/>
                  我要还款
              </a>
          </ion-item>
          <ion-item  class="item-remove-animate item-icon-right"  type="item-text-wrap" href="#">
             <span class="num-a">1000.00</span>
              我要提额<i class="icon ion-chevron-right icon-accessory"></i>
          </ion-item>
      </ion-list>
      <!--=== / list ===-->
      <div class="clear15"></div>
      <!--=== list 2 ===-->
      <ion-list>
          <ion-item class="item-icon-left item-icon-right"  href="#">
              <i class="icon"> <img src="img/icon/iso/p-1-i4.png"></i>
              <div style="line-height: 30px;"> 校园一卡通充值</div>
              <i class="icon ion-chevron-right icon-accessory"></i>
          </ion-item>
      </ion-list>
      <!--=== / list 2 ===-->
      <div class="clear15"></div>

      <!--=== list 3 ===-->
      <ion-list class="item-list-horizontal items4">
          <ion-item href="#">
              <img src="img/icon/iso/p-1-i5.png"><br/>
              汪社区
          </ion-item>
          <ion-item href="#">
              <img src="img/icon/iso/p-1-i6.png"><br/>
              夺宝奇兵
          </ion-item>
          <ion-item  href="#">
              <img src="img/icon/iso/p-1-i7.png"><br/>
              人气榜
          </ion-item>
          <ion-item href="#">
              <img src="img/icon/iso/p-1-i8.png"><br/>
              邀约
          </ion-item>
      </ion-list>
      <!--=== / list 3 ===-->

  </ion-content>
</ion-view>
